<%@ page language="java"  pageEncoding="UTF-8" contentType="text/html; charset=utf-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache"/>
<title>无标题文档</title>
<style type="text/css">
#con {
	font-size: 12px;
	width: 660px;
	height: auto;
	margin: 0px;
	float: left;
}
ol li {
	margin: 8px;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: none;
	color: #0066cb;
	font-family: "宋体";
	font-size: 12px;
}

#tags {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	width: 660px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9fc9df;
}
#biaoti {
	height: 29px;
	background-image: url(../resource/img/index/list1.jpg);
	background-repeat: repeat-x;
	line-height: 29px;
	font-size: 15px;
	width: 660px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
	background-position: left bottom;
	overflow: hidden;
	font-weight: bold;
	color: #124071;
}
#tags li {
	float: left;
	list-style-type: none;
	height: 32px;
	background-image: url(../resource/img/index/list1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	overflow: hidden;
	padding: 0px;
	margin-right: 5px;
	width: auto;
}
#tags li a {
	padding-left: 10px;
	float: left;
	padding-bottom: 0px;
	color: #002c58;
	line-height: 32px;
	padding-top: 0px;
	height: 32px;
	text-decoration: none;
	background-image: url(../resource/img/index/1-2-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: auto;
	font-family: "宋体";
	font-size: 13px;
	padding-right: 0px;
	overflow: hidden;
	margin: 0px;
}
#tags li a .bei {
	background-image: url(../resource/img/index/1-3-1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 32px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	overflow: hidden;
}

#tags li.emptyTag {
	background: none transparent scroll repeat 0% 0%; width: 4px;
}
#tags li.selectTag {
	height: 32px;
	line-height: 32px;
	background-image: none;
	background-repeat: repeat;
	background-position: left top;
	position: relative;
	float: left;
}
#tags li.selectTag a {
	line-height: 32px;
	background-image: url(../resource/img/index/1-1-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 32px;
	padding-left: 10px;
	font-weight: bold;
	color: #FFF;
}
#tags li.selectTag a .bei {
	background-position: right bottom;
	color: #FFF;
	line-height: 32px;
	height: 32px;
	background-image: url(../resource/img/index/1-4-1.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
	float: left;
}
#tagContent {
	background-color: #fff;
	padding: 0px;
	float: left;
	height: auto;
	width: 660px;
	border: 0px solid #aecbd4;
}
.tagContent {
	display: none;
	color: #0066cb;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	float: left;
	width: 660px;
}
#tagContent div.selectTag {
	display: block;
	float: left;
}

.list-1 {
	background-image: url(../resource/img/index/list-1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	float: right;
	height: 24px;
	width: 93px;
	line-height: 24px;
	color: #002C58;
	padding-left: 4px;
}



</style>
<script language="javascript">
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
 for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  con.style.display=i==cursel?"block":"none";
 }
}
</script>
</head>

<body>
<div id="con">
  <div id="tagContent">
    <div class="tagContent selectTag" id="tagContent0">
    <table width="660" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><iframe scrolling="no" src="list3.jsp" frameborder="0" width="660px" height="1000px;"></iframe></td>
  </tr>
</table>
    </div>
    <div class="tagContent" id="tagContent1">
    内容1
    </div>
    <div class="tagContent" id="tagContent2">
   内容2
    </div>
    
    
    
  </div>
</div>

<script type="text/javascript">
function selectTag(showContent,selfObj){
	//标签
	var tag = document.getElementById("tags").getElementsByTagName("li");
	var taglength = tag.length;
	for(i=0; i<taglength; i++){
		tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag";
	//标签内容
	for(i=0; j=document.getElementById("tagContent"+i); i++){
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";
}
</script>
</body>
</html>